<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>理财网站</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- build:css css/combined.css -->
    <link rel="stylesheet"  href="css/normalize.css">
    <link rel="stylesheet" type="text/css" href="js/vendor/owl.carousel.2.1.0/assets/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="js/vendor/owl.carousel.2.1.0/assets/owl.theme.default.min.css">
    <link rel="stylesheet"  href="css/main.css">
    <!-- endbuild -->
</head>
<body>
  <!--[if lte IE8]>
  <p class="browserupgrade">您的浏览器需要升级了
   <a href="http://browsehappy.com">这里</a>更新你的浏览器
  </p>
  <![endif]-->

  <header>
    <nav class="top clearfix" id="top">
          <span class="tel">理财热线: 400-888-8888</span>
          <ul>
              <li><a href="#" title="">登录</a></li>
              <li><a href="#" title="">快速注册</a></li>
              <li><a href="#" title="">关于</a></li>
              <li><a href="#" title="">帮助</a></li>
              <li><a href="#" title="">app下载</a></li>
          </ul>
    </nav>

    <nav class="main">
          <a class="brand"><img src="img/logo@1x.png" alt="回到首页"></a>
          <ul>
              <li><a href="#" title="">首页</a></li>
              <li><a href="#" title="">理财频道</a></li>
              <li><a href="#" title="">投资频道</a></li>
              <li><a href="#" title="">新手专区</a></li>
              <li><a href="#" title="">安全保障</a></li>

          </ul>
    </nav>
  </header><!-- /header -->
  <div class="container">
    <section class="transaction clearfix">
        <div class="trans-content">
            <div class="trans-data">
                <span>平台累计成交金额</span>
                <span class="trans-money">190000</span>
                <span>万元</span>
            </div>


            <div class="trans-data">
                <span>过去七日成交金额</span>
                <span class="trans-money">20000</span>
                <span>万元</span>
            </div>


            <div class="trans-report">
                <a href="#" title="">查看平台运营报告</a>
            </div>
        </div>
    </section>
    <div class="ad">
        <div class="owl-carousel owl-theme">
            <div class="item">
                <img src="img/ad001.png" alt="">
            </div>
            <div class="item">
                <img src="img/ad002.png" alt="">
            </div>
            <div class="item">
                <img src="img/ad003.png" alt="">
            </div>
        </div>
    </div>
    <section class="feature">
        <div class="item">
            <h3>安全</h3>
            <p>国家AAA信用平台<br>银行资金托管<br>上市公司背景保证</p>
        </div>
        <div class="item">
            <h3>权威</h3>
            <p>中央电视台推荐<br>互联网百强企业<br>标准起草单位</p>
        </div>
        <div class="item">
            <h3>省心</h3>
            <p>100元起投<br>用户利益保障机制<br>保险公司承保</p>
        </div>
    </section>
    <section class="notice clearfix">
        <a href="#" title=""><span>2015-12-31</span>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim </a>

        <a href="#" title="" class="more">更多公告</a>
    </section>
    <section class="product clearfix">
        <h2>
            固定期限产品
            <em>甄选优质基金</em>
            <em>省时省力</em>
            <em>坐等收益</em>
        </h2>
        <div class="product-content">
           <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                        <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                        <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                        <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                        <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                        <a href="#" title="">购买</a>
                </div>
            </div>
        </div>

    </section>
    <section class="product clearfix">
        <h2>
            固定期限产品
            <em>甄选优质基金</em>
            <em>省时省力</em>
            <em>坐等收益</em>
        </h2>
        <div class="product-content">
           <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                    <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>
                </div>
                <div class="buy">
                    <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                    <a href="#" title="" class="disabled">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                    <a href="#" title="">购买</a>
                </div>
            </div>
            <div class="item clearfix">
                <h3><em>3</em>个月</h3>
                <div class="info">
                    <p>约定年化收益: <span class="year-rate">3.50%<i>起</i></span></p>
                    <p>总成交金额: <span class="money">1880<i>万元</i></span></p>

                </div>
                <div class="buy">
                    <a href="#" title="" class="disabled">购买</a>
                </div>
            </div>
        </div>
    </section>
    <nav class="footer">
        <div class="footer-content clearfix">
            <p class="brand"></p>
            <ul>
                <li class="title">关于我们</li>
                <li><a href="#">公司介绍</a></li>
                <li><a href="#">业务模式</a></li>
                <li><a href="#">合作机构</a></li>
                <li><a href="#">服务协议</a></li>
            </ul>
            <ul>
                <li class="title">风险防范</li>
                <li><a href="#">固定期限</a></li>
                <li><a href="#">债权/散标</a></li>

            </ul>
            <ul>
                <li class="title">交易帮助</li>
                <li><a href="#">购买</a></li>
                <li><a href="#">赎回</a></li>
                <li><a href="#">提现</a></li>
            </ul>
            <ul>
                <li class="title">关于我们</li>
                <li><a href="#">公司介绍</a></li>
                <li><a href="#">业务模式</a></li>
                <li><a href="#">合作机构</a></li>
                <li><a href="#">服务协议</a></li>
            </ul>
            <ul>
                <li class="title">机构服务</li>
                <li><a href="#">机构中心</a></li>
                <li><a href="#">合作联接</a></li>

            </ul>

        </div>
    </nav>
  </div>
  <footer>
      <ul>
          <li><span class="icon icon-zfywxk">支付业务许可证</span></li>
          <li><span class="icon icon-pcirk">PCI认证</span></li>
          <li><span class="icon icon-visayz">Visa 验证</span></li>
          <li><span class="icon icon-vsjmfw">VerSign加密服务</span></li>
          <li><span class="icon icon-wlgs">网络工商</span></li>
          <li><span class="icon icon-rzcx">电子商务协会认证诚信网</span></li>
          <li><span class="icon icon-gs">北京工商</span></li>
      </ul>
      <p>南京某金融互联网公司 版权所有 @2016-2017</p>
  </footer>
  <!-- build:js js/combined.js -->
  <script src="js/vendor/jquery.min.js"></script>
  <script src="js/vendor/owl.carousel.2.1.0/owl.carousel.min.js"></script>
  <script src="js/main.js"></script>
  <!-- endbuild -->
</body>
</html>
